<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="lib/vue.js"></script>
</head>
<body>
<div id="app">
    <comp></comp>
</div>
<!--组件不能直接访问Vue实例数据-->
<template id="comp">
    <!--错误示例-->
    <!--<h1>Hello World  你好{{message}}</h1>-->
    <h1>Hello World  你好 {{comMessage}}</h1>
</template>
<script>
    // 全局组件注册
    Vue.component('comp',{
        template:'#comp',
        data: function () {
            return{
                comMessage: '丽丽'
            }
        }
    })
    let vm = new Vue({
        el:'#app',
        data:{
            message:'丽丽'
        }
    })
</script>
</body>
</html>
